<!--
 * @Author: gaojikai gaojikai@fehorizon.com
 * @Date: 2023-09-11 14:03:09
 * @LastEditors: gaojikai gaojikai@fehorizon.com
 * @LastEditTime: 2023-09-12 16:55:24
 * @FilePath: \electronic-file\src\components\datav\LeftChart1.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="left-chart-1">
    <dv-charts class="lc1-chart" :option="option" />
  </div>
</template>

<script>
export default {
  name: "LeftChart1",
  data() {
    return {
      option: {
        series: [
          {
            type: "pie",
            data: [{ name: "可口可乐", value: 93 }],
            radius: ["50%", "75%"],
            insideLabel: {
              show: true,
              formatter: "{value}",
            },
          },
        ],
      },
    };
  },
};
</script>

<style lang="scss">
.left-chart-1 {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  .lc1-chart {
    height: calc(100% - 80px);
    position: relative;
  }
}
</style>
